/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';
/**
 *方式1 ：es6
 * 推荐
 */
// export  default class HelloComponent extends Component {
//     render(){
//       return  <Text style={{fontSize:20,backgroundColor:'red'}} >
//           你好 {this.props.name}!
//         </Text>
//     }
// }  
/**
 *方式2 ：es5
 * 不推荐
 */
 // var HelloComponent = React.createClass({
 //      render(){
 //        return  <Text style={{fontSize:20,backgroundColor:'red'}} >
 //                   你好 组件!
 //                </Text>
 //    }
 // })

 // module.exports = HelloComponent

 /**
 *方式3 ：函数式
 *  无状态，不能使用this
 */
 function HelloComponent(props){
    return <Text style={{fontSize:20,backgroundColor:'red'}} > 你好 {props.name}! </Text>
 }
 module.exports = HelloComponent